import {
    defineStore
} from 'pinia'
import {
    ref
} from 'vue'
// 你可以对 `defineStore()` 的返回值进行任意命名，但最好使用 store 的名字，同时以 `use` 开头且以 `Store` 结尾。(比如 `useUserStore`，`useCartStore`，`useProductStore`)
// 第一个参数是你的应用中 Store 的唯一 ID。
// export const todolist = defineStore('todolist', {
//   // 其他配置...
//   state: () => ({ 
//     todoList: []
//    }),
//   getters: {
//     double: (state) => state.count * 2,
//   },
//   actions: {
//     increment() {
//       this.count++
//     },
//   },
// })

export const todoList = defineStore('todoList', () => {
    const todoList = ref([{
        name: 'todolist',
        id: Math.random()
    }])

    function add(item) {
        console.log('add执行')
        todoList.value.push(item)
    }

    function deleted(val) {
        let index = todoList.value.findIndex((item) => item.id == val.id);
        if (index > -1) {
            todoList.value.splice(index, 1);
        }
    }

    return {
        todoList,
        add,
        deleted
    }
}, {
    persist: true, //开启持久化存储
}, )